import React from 'react'
import { Tabbar } from 'react-vant';
import { ShoppingCartO  , HomeO, CouponO  , ManagerO   } from '@react-vant/icons'
import { useNavigate } from 'react-router-dom';
export default function BottomFouter() {
  let nav = useNavigate()
  return (
    <div>
        <Tabbar>
        <Tabbar.Item icon={<HomeO />}>主页</Tabbar.Item>
        <Tabbar.Item icon={<CouponO />} onClick={()=>(nav('/sellbook3'))}>卖书</Tabbar.Item>
        <Tabbar.Item icon={<ShoppingCartO />} onClick={()=>(nav('/shopcar'))}>购物车</Tabbar.Item>
        <Tabbar.Item icon={<ManagerO />}>我的</Tabbar.Item>
      </Tabbar>
    </div>
  )
}
